<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>联系我们 | 我们的学校</title>
	<link rel="stylesheet" href="./css/style.css">
</head>
<body>
	<header>
		<div class="container">
			<h1>欢迎来到我们的学校</h1>
			<nav>
				<ul>
					<li><a href="index.html">首页</a></li>
					<li><a href="activities.html">迎新活动</a></li>
					<li><a href="campus-life.html">校园生活</a></li>
					<li><a href="contact.html">联系我们</a></li>
				</ul>
			</nav>
		</div>
	</header>
	
	<main>
		<div class="container">
			<section>
				<h2>联系我们</h2>
				<p>如果您有任何问题或建议，请随时与我们联系。您可以通过以下方式与我们取得联系：</p>
				<ul>
					<li><strong>电子邮件：</strong>info@ouruniversity.edu</li>
					<li><strong>电话：</strong>555-1234</li>
					<li><strong>地址：</strong>123 Main Street, Anytown, USA</li>
				</ul>
			</section>
			
			<section>
				<h2>发送消息</h2>
				<form action="#" method="post">
					<label for="name">姓名</label>
					<input type="text" id="name" name="name" required>
					
					<label for="email">电子邮件</label>
					<input type="email" id="email" name="email" required>
					
					<label for="message">消息</label>
					<textarea id="message" name="message" required></textarea>
					
					<button type="submit">发送</button>
				</form>
			</section>
		</div>
	</main>

	<footer>
		<div class="container">
			<p>&copy;2023 我们的学校</p>
		</div>
	</footer>

	<script src="app.js"></script>
</body>
</html>